Sublime插件 - OmniMarkupPreviewer使用介绍

1.OmniMarkupPreviewer的安装

下载地址:OmniMarkupPreviewer(Github地址)

手动安装的话就是下载插件,解压,以OmniMarkupPreviewer命名目录,然后放到软件主目录下的Packages目录下即可。

2.快捷键的使用

Ctrl+Alt+O: 直接在浏览器中预览;
PS:此快捷键只需要按一次,同时无需保存文件,浏览器会同步更新编辑的内容。

Ctrl+Alt+C: 输出HTML到剪切板;

Ctrl+Alt+X: 输出HTML文件;

PS:关于输出位置及命名的修改:

(1)点击首选项插件设置OmniMarkupPreviewerSettings-Default 复制里面的内容,点击首选项插件设置OmniMarkupPreviewerSettings-User,粘贴到这里。

(2)修改export_options里的target_folder即可修改输出位置。

(3)修改export_options里的timestamp_format即可修改命名时间的样式。

3.输出样式的修改

默认情况下,在目录OmniMarkupPreviewerpublic下,修改github.css文件即可。

如果想要修改控制样式输出的.css文件,可以在首选项插件设置OmniMarkupPreviewerSettings-User中修改html_template_name选项对应的文件名即可。

注意:

上面的修改只是修改了你在浏览器中的预览的样式,如果想要同步修改输出的样式:

默认情况下,在目录OmniMarkupPreviewertemplates下,修改github-export.tpl文件即可。

比如:想要修改输出HTML中内容区域的整体宽度,就需要同时修改github.cssgithub-export.tpl这两个文件中的.container的max-width的值即可。这样就可以保证在预览和导出时的样式都是一致的。